<html>
    <head>
        <title>提取组件的CSS</title>
    </head>
    <body>
        <script>
            // 三、 提取组件的CSS
                                /*
                                    当使用"单文件组件"时，组件内的CSS会以 <style>标签的方式通过JavaScript动态注入。
                                    这有一些小小的运行时开销，如果你使用服务端渲染，这会导致一段"无样式内容闪烁(fouc)".
                                    将所有组件的CSS提取到同一个文件可以避免这个问题，也会让CSS更好地进行压缩和缓存。

                                    查阅这个构建工具各自的文档来了解更多：
                                       1、 webpack + vue-loader (vue-cli 的webpack模板已经预先配置好) : https://vue-loader-v14.vuejs.org/zh-cn/configurations/extract-css.html

                                       2、 Browserify + vueify    :https://github.com/vuejs/vueify#css-extraction

                                       3、 Rollup + rollup-plugin-vue : https://rollup-plugin-vue.vuejs.org/#/en/2.3/?id=custom-handler
                                */
        </script>
    </body>
</html>